@extends('home.layout')

@section('left-banner')

@show

@section('content')
    <div class="special-article">
        <h1>专注兴趣，分享创作,记录生活</h1>
        <div class="artile">
            <p>精致体验：追求精致入微的视觉和交互体验，为每一片内容精心度量，让你的视角所触及的每一个像素，都蕴含独具匠心的精致设计。</p>
            <p>极简易用：在功能方面努力做到简单易用，希望让用户的每一次操作都能简单快捷、随性而为，从而满足目标用户碎片化、高效率的记录需求。</p>
            <p>内容品质：推崇纯粹的内容主义，摒弃一切与内容无关的琐碎和繁杂，并希望通过挖掘和推荐，打造优秀的品质内容，激活目标用户的阅读兴趣。</p>
        </div>
    </div>
    <div class="special-list">
        <div class="list-cont">
            @include('home.document.list.common')
        </div>
    </div>
@endsection

@section('script')
    <script type="text/javascript">
        var $grid = $('.list-cont').masonry({
            itemSelector: '.item'
        });
        // layout Masonry after each image loads
        $grid.imagesLoaded().progress( function() {
            $grid.masonry('layout');
        });
    </script>
@endsection